<div id="mycomputer-container">
  <div class="operation">
      <button class="btn btn-primary" (click)="test()">test</button>&nbsp;
      <button class="btn btn-primary" (click)="openDevTools()">openDevTools</button>&nbsp;
      <button class="btn btn-primary" (click)="openWindow('about',{frame:false})">openDirectory</button>&nbsp;
      <button class="btn btn-primary" (click)="gotoLastLevel()" [disabled]="isLoading || !canGotoLastLevel">back</button>&nbsp;
      
  </div>
  <div class="list" [class.border]="!isHome">
      <app-disklist [ngStyle]="{'display': isHome?'block':'none'}" [autoLoad]="false" (whenOpenDisk) = "openDisk($event)" 
        (whenBeforeEnumDisks)="beforeEnumDisks();" (whenEnumDisksCompleted)="enumDisksCompleted()"></app-disklist>
      <app-filelist *ngIf="!isHome" [ngStyle]="{'display': currentFile && currentFile.isZip ? 'none' : 'block'}"
        [initDirectory]="currentDirecory" (whenBeforeOpenFile)="beforeOpenFile($event)"
        (whenBeforeEnumFiles)="beforeEnumFiles();" (whenEnumFilesCompleted)="enumFilesCompleted()" 
        (whenNavigateRoot)="GoHome()"></app-filelist>
      <div *ngIf="currentFile && currentFile.isZip">
          <app-zipview [zipFile]="currentFile.filePath" (whenNavigateRoot)="gotoLastLevel()" 
          (whenBeforeLoad)="beforeLoadZipEntries()" (whenLoadCompleted)="loadZipEntriesCompleted()"></app-zipview>
      </div>
  </div>
  <div class="bottom">
      <div class="navigation" [ngStyle]="{'visibility': isHome ?'hidden':'visible'}">
          当前目录：{{currentDirecory}}
      </div>
  </div>
  <app-dialog [isVisible] = "isViewVisible && currentFile && !currentFile.isZip" container="content">
      <ng-container *ngIf="currentFile">
          <ng-container *ngIf="currentFile.isImage">
            <app-imageview [imageUri]="currentFile.formatPath" (whenCloseViewer)="onCloseViewer()"></app-imageview>            
          </ng-container>
          <ng-container *ngIf="currentFile.isMp4">
            <app-videoview [videoUri]="currentFile.formatPath" (whenCloseViewer)="onCloseViewer()"></app-videoview>            
          </ng-container>
          <ng-container *ngIf="currentFile.isTextFormat">
              <app-textview [filePath]="currentFile.filePath" (whenCloseViewer)="onCloseViewer()"></app-textview>            
          </ng-container>
      </ng-container>
  </app-dialog>
</div>